.ph_per_info_img .img-thumbnail {
	height: 96px;
}

 .ph_percen_hover .thumbnail:hover,
 .ph_percen_hover .thumbnail:focus,
 .ph_percen_hover .thumbnail.active {
  box-shadow: 8px 8px 8px #EAEAEA;
}
.ph_per_info_img {
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 220px;
}

.ph_percen_box {
	background: url(http://edu-image.nosdn.127.net/BCA790F6E742B8CBF078CA413D2ED7AD.png);
	background-size: cover;
	width: 100%;
	height: 220px;
}

.ph_percen_uname {
	display: inline-block;
	/*background: deepskyblue;*/
	position: relative;
	top: -20px;
	left: 20px;
}

.ph_percen_uname span {
	font-size: 26px;
	color: #FFFFFF;
}

.ph_percen_tag {
	display: inline-block;
	position: relative;
	top: 0px;
	left: -115px;
	font-size: 13px;
	color: #FFFFFF;
}

.ph_percen_tag_2 {
	display: inline-block;
	font-size: 16px;
	color: #FFFFFF;
	position: relative;
	top: 0px;
	left: 120px;
}

.user_box {
	/*background: turquoise;*/
	height: 220px;
	width: 350px;
	position: absolute;
	left: 0;
}

.ph_percen_right_box {
	
	position: absolute;
	top: 0px;
	right: 0px;
	width: 500px;
	height: 220px;
	color: #FFFFFF;
	clear: both;
}

.ph_percen_time_box,
.ph_percen_zan_box,
.ph_percen_discuss_box,
.ph_percen_border {
	float: right;
	width: 130px;
	margin: 80px 0 0 0;
	/*background: green;*/
	text-align: center;
	/*line-height: 100px;*/
}

.ph_percen_right_icon,
.ph_perce_zan_icon,
.ph_percen_discuss_icon {
	float: left;
	/*line-height: 200px;*/
	/*position: relative;*/
	/*left: -50px;*/
}

.ph_perce_zan_tip,
.ph_perce_zan_con,
.ph_percen_discuss_tip,
.ph_percen_discuss_con {
	padding-top: 4px;
}

.ph_percen_right_title,
.ph_percen_right_time {
	padding-top: 2px;
}

.ph_percen_right_title span {
	font-size: 14px;
}

.ph_percen_border {
	margin-left: 15px;
	margin-right: 20px;
	width: 2px;
	height: 50px;
	border-left: 2px solid #FFFFFF;
	/*background: red;*/
}
.ph_cap_a a{
	text-decoration: none;
}
.ph_cap_sp1 {
	background-color: #E2A265;
	color: #FFFFFF;
	padding: 3px;
	font-size: 12px;
}
.ph_cap_sp2{
	
	margin-left: 5px;
	color: #111111;
	font-size: 14px;
}
.ph_cap_sp3{
	margin-top: 5px;
	font-size: 12px;
	color: #999999;
}
.ph_cap_sp3 span:hover{
	color: #00C758;
}
.ph_cap_sp4{
	margin-top: 2px;
	font-size: 12px;
	color: #00C758;
}
.ph_cap_sp5{
	margin-top: 20px;
	font-size: 12px;
	color: #999999;
}
.ph_percen_top a{
	padding-bottom:15px ;
	
	position: relative;
	top: 2px;
	display: inline-block;
	font-size: 16px;
	border-bottom: 2px solid #00C758 ;
}
.ph_percen_top{
	margin:40px 0 0 20px;
	width: 940px;
	
	border-bottom: 2px solid #E6E6E6 ;
}

.ph_percen_top_home >.active span,
.ph_percen_top > .active span{
	color: #00C758;
}
.ph_percen_top_home span{
	padding-right: 10px;
	font-size: 14px;
	color: #555555;
}
.ph_percen_top_home span:not(._li):hover{
	color: #00C758;	
}
.ph_percen_top_home {
	margin: 10px 20px 30px;
}
.ph_percen_top_home ._li{
	/*background: red;*/
	color: #CCD0DB;
}

.ph_percen_bottom .pager li > a,
.ph_percen_bottom.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color:#FFFFFF;
  border: none;
  border-radius:0px;
  color: #666666;
}
.ph_percen_bottom .pager li > a:hover,
.ph_percen_bottom .pager li > a:focus {
  text-decoration: none;
  background-color: #00C758;
  color: #FFFFFF;
}
.ph_percen_bottom .pager > .active > a,
.ph_percen_bottom .pager > .active > span,
.ph_percen_bottom .pager > .active > a:hover,
.ph_percen_bottom .pager > .active > span:hover,
.ph_percen_bottom .pager > .active > a:focus,
.ph_percen_bottom .pager > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #00C758;
  border-color: #337ab7;
}